<!doctype html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
	<title>自定义组件-小懒猫</title>
	<meta name="keywords" content="关键字,关键字"/>
	<meta name="description" content="描述信息">
</head>
<body>
	<div id="app">
		<h1>{{title}}</h1>
		<Pug-Button>登录</Pug-Button>
		<Pug-Button>注册</Pug-Button>
		<Pug-Button>消息</Pug-Button>
	</div>
	<script src="../js/vue-min.js"></script>
	<script setup>
		const app = Vue.createApp({
			data() {
				return {
					title : "学习自定义组件...."
				}
			}
		});
		//定义和注册
		app.component("pug-button",{
			data(){
				
			},
			template : `<button><slot/></button>`
		})
		app.mount("#app");
	</script>
</body>
</html>
